<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <title>订单详情</title>
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/deliver.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
    <!--<script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/Highcharts-6.0.2/code/highcharts.js"></script>-->
    <!--<script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/scripts/views-main-charts.js"></script>-->
</head>
<body class="view-container order_detail">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>订单详情</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<div class="contanen detail">
    <div class="weui-cells detail_top">
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
                <p>DS162462601<span>代下单</span></p>
                <p>下单时间：2018-01-11&nbsp;11:09</p>
                <p>预计发货时间：2018-01-11&nbsp;11:09</p>
            </div>
            <div class="weui-cell__ft">
                代发货
            </div>
        </a>
    </div>
    <div class="weui-cells detail_adree">
        <div class="weui-cell">
            <div class="weui-cell__hd"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/dizhi.png"/></div>
            <div class="weui-cell__hd">
                <p>
                    收货人：瓶盖子 <span>153*****7777</span>
                </p>
            <p>武汉市关山大道武大科技园武大航域A2-1310武汉市关山大道武大科技园武大航域A2-1310</p>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><img
                    src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/popel.png"/></div>
            <div class="weui-cell__hd">
                <p>会员姓名：瓶盖子 <span>153*****7777</span></p>
                <p>会员等级：普通会员</p>
                <p>企业名称：博宏网络有限责任公司</p>
                <p>企业会员：一级会员</p>
            </div>

        </div>
    </div>
    <div class="deliver-list">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>货品清单（<span>2</span>）</p>
                </div>
                <div class="weui-cell__ft">
                    <span>点此折叠</span>
                    <i class="icon icon-top"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="deliver-lists">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__hd deliver-img"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
                <div class="weui-cell__bd deliver-ees">
                    <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                    <p><span>编号：</span><span>HP00000001</span></p>
                </div>
            </div>
        </div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd deliver-ee">
                    <p><span>颜色：</span><span>粉色</span></p>
                    <p><span>尺码：</span>32</p>
                   <p><span>单价：</span>￥62.00/件</p>
                </div>
                <div class="weui-cell__ft">
                    <p class="add_btn">x100个(1箱)</p>
                    <p class="list_red">￥312.00</p>
                </div>
            </div>
        </div>
    </div>
    <div class="deliver-lists">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__hd deliver-img"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
                <div class="weui-cell__bd deliver-ees">
                    <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                    <p><span>编号：</span><span>HP00000001</span></p>
                </div>
            </div>
        </div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd deliver-ee">
                    <p><span>颜色：</span><span>粉色</span></p>
                    <p><span>尺码：</span>32</p>
                    <p><span>单价：</span>￥62.00/件</p>
                </div>
                <div class="weui-cell__ft">
                    <p class="add_btn">x100个(1箱)</p>
                    <p class="list_red">￥312.00</p>
                </div>
            </div>
        </div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd deliver-ee">
                    <p><span>颜色：</span><span>粉色</span></p>
                    <p><span>尺码：</span>32</p>
                    <p><span>单价：</span>￥62.00/件</p>
                </div>
                <div class="weui-cell__ft">
                    <p class="add_btn">x2件</p>
                    <p class="list_red">￥312.00</p>
                </div>
            </div>
        </div>
    </div>
    <div class="weui-cells weui-cells_form need">
        <a class="weui-cell weui-cell_access" href="../invoice/generalInvoice.html">
            <div class="weui-cell__hd"><label for="" class="weui-label">发票：</label></div>
            <div class="weui-cell__bd">
                <input type="text"  placeholder="请选择是否需要发票"/>
            </div>
            <div class="weui-cell__ft">
            </div>
        </a>
        <div class="weui-cells add_botm">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">留言：</label></div>
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" rows="1" placeholder="可以告诉买家你的特殊需求" maxlength="60"></textarea>
                    <!--<div class="weui-textarea-counter"><span>0</span>/60</div>-->
                </div>
            </div>
        </div>
    </div>
    <div class="weui-cells sale">
        <div class="weui-cell">
            <div class="weui-cell__bd deliver-ee">
                <p><span>促销优惠</span></p>
                <p><span>货品总计</span></p>
                <p><span>总计</span></p>
            </div>
            <div class="weui-cell__ft">
                <p>-￥56.00</p>
                <p class="add_btn">￥8856.00</p>
                <p>￥8927.00</p>
            </div>
        </div>
        <div class="weui-cell">
        <div class="weui-cell__bd deliver-ee">
            <p>实付款</p>
        </div>
        <div class="weui-cell__ft">
            <p class="list_red">￥8927.00</p>
        </div>
        </div>
    </div>

    <div class="check">
        <a href="">取消</a>
        <a href="">确认订单</a>
        <a href="seeDeliver.html">查看发货单</a>
        <a href="deliverAdd.html">创建发货单</a>
    </div>
</div>
</body>
<script>
    $("#on-data").datetimePicker();
    $(".deliver-list .weui-cell__ft").on('click',function(){
        console.log(1);
        var That = $(this).find("i");
        if(That.hasClass("icon-bottom")){
            That.removeClass("icon-bottom");
            $(".deliver-lists").css("display","block")
            $(this).find("span").text("点此折叠")
        }else{
            That.addClass("icon-bottom");
            $(".deliver-lists").css("display","none");
            $(this).find("span").text("点此展开")
        }
    })
    //点击-事件
    $(".btn-reduce").on("click",  function () {
        var countInput = $(this).next();
        var value=parseInt(countInput.val());
        var startNum = parseInt(0) ;
        if(value <= startNum) {
            countInput.val(0);
            $(this).addClass("btn-disable");
        } else {
            countInput.val(value - 1);
            $(".btn-disable").removeClass("btn-disable");
        }
    });

    //点击+事件
    $(".btn-increse").on("click",function () {
        var countInput = $(this).prev();
        var value=parseInt(countInput.val());
        countInput.val(value + 1);
    });

    $(".popup_wu").on('click',function(){
        $("#contai").css("display",'block')
    })
    $(".warehouse").on('click',function(){
        $("#warehouse").css("display",'block')
    })
    $(".popoff").on('click',function(){
        $("#contai").css("display",'none');
        $(".warehouse").css("display",'none')
    })

</script>
</html>